<!-- responsive/right-window.vue -->
<template>
	<view>
		<!-- 将原来的详情页（/pages/detail/detail.vue），作为一个组件(pages-detail-detail)使用 -->
		<pages-tabBar-header ref="updateTabBar"></pages-tabBar-header>
	</view>
</template>

<script>
	export default {
		// watch: {
		// 	$route: {
		// 		immediate: true,
		// 		handler(newRoute) {
		// 			const width = uni.getSystemInfoSync().screenWidth
		// 			if (width >= 768) {
		// 				let path = newRoute.path
		// 				console.log(path);
		// 				// let comp
		// 				// if (path === '/') {
		// 				// 	comp = 'component'
		// 				// 	path = '/pages/tabBar/component/component'
		// 				// } else {
		// 				// 	comp = path.split('/')[2]
		// 				// }
		// 				// this.current = this.selected[comp]
		// 				// for (const item of this.indexPage) {
		// 				// 	if (path === item.tabBar) {
		// 				// 		uni.redirectTo({
		// 				// 			url: item.index
		// 				// 		})
		// 				// 	}
		// 				// }
		// 			}
		// 		}
		// 	}
		// },
		created(e) {
			//监听自定义事件，该事件由左侧列表页的点击触发  
			uni.$on('updateTabBar', (e) => {
				// 执行 detailPage组件，即：/pages/detail/detail.vue 页面的load方法  
				this.$refs.updateTabBar.load(e.detail);
			})
		}
	}
</script>